<!-- ./idFieldRender.vue 文件 -->
<template>
    <view v-loading="loading" class="content" @click="showtan(data.id)">
            <view class="cc fl">
                 <el-image :src="data.avatar" mode="cover" style="border-radius: 100%;width:30px;height:30px"></el-image>
            </view>
            <view  class="cc fl">
                 {{ data.nickname }}
            </view>
    </view>

   

</template>

<script setup lang="ts">
import { TableColumnCtx } from 'element-plus'
import { ref ,defineProps,inject} from 'vue'
import type baTableClass from '/@/utils/baTable'
const baTable = inject('baTable') as baTableClass
// BuildAdmin将自动为此组件传递五个Props
interface Props {
    renderValue: any // 单元格值
    renderRow: TableRow // 当前行数据
    renderField: TableColumn // 当前列数据
    renderColumn: TableColumnCtx<TableRow> // 当前列上下文数据
    renderIndex: number // 当前行号
}
const loading = ref(false)
const props = defineProps<Props>()
const data = props.renderValue
const showtan = (uid = '')=>{
    console.log(uid,"adsada")
    baTable.form.show_tan = false
    baTable.form.show_tan = true
    baTable.form.order_uid_id = uid
}
// console.log(props.renderValue, props.renderRow, props.renderField, props.renderColumn, props.renderIndex)
</script>

<style scoped lang="scss">
.cc{
    width: 100%;
    text-align: center;
}
.content{
    font-size: 14px;
    cursor: pointer;
    outline: none;
}
.fl{
  float: left;
}
</style>
